<!DOCTYPE html>
<html lang="fr-FR">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Nous Autres</title>

	<link rel='stylesheet' type='text/css' media='all' href="<?php echo(css_url('commun')); ?>"/>

	<!-- Chargement des css utiles pour la page -->
        <?php if(isset($css)){
            echo $css;
            }
        ?>

        <link rel="stylesheet" href="<?php echo base_url(); ?>assets/javascript/lib/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" title="no title" charset="utf-8">
	<!-- end depot -->

</head>

<body><!-- @note: closed on footer.php -->
<div id="overlay_page"></div><!-- ajout d'un overlay sur toute la page -->
<div id="page"><!-- @note: closed on footer.php -->	
	<div id="header">
        <h1><img id="logo" alt="Nous Autres" src="<?php echo(img_url('commun/logo.png'));?>"></h1>
		<ul id="nav-principal">
                    <?php if((isset($active_page)&&($active_page=="depot"))){?>
			<li class="left"> <a href="<?php echo site_url('./index.php/fabrique/index')?>"><< Fabrique</a>
                        </li>
                     <?php }
                     if((isset($active_page)&&($active_page=="fabrique"))){?>
			<li class="right"> <a href="<?php echo site_url('./index.php/depot/index')?>">Dépôt >></a>
                        </li>
                     <?php } ?>
		</ul>
		<ul id="menu">
			<li class="absurde active"><a href="#">Absurde</a></li>
			<li class="emotion active"><a href="#">Émotion</a></li>
			<li class="memoire active"><a href="#">Mémoire</a></li>
			<li class="partage active"><a href="#">Partage</a></li>
			<li class="parole active"><a href="#">Parole</a></li>
			<li class="penser active"><a href="#">Penser</a></li>
			<li class="reel active"><a href="#">Réel</a></li>
			<li class="travail active"><a href="#">Travail</a></li>
			<li class="valeur active"><a href="#">Valeur</a></li>
		</ul>
	</div>
